import styled from 'styled-components'

export const CategoryListWrapper = styled.div`
  h2 {
    padding-top: 30px;
    strong {
      color: #aaa;
    }
  }
  .list {
    padding-left: 25px;
    li {
      position: relative;
    }
    .timer {
      color: #008c8c;
      :before {
        content: ' ';
        position: absolute;
        left: -15px;
        top: 22px;
        width: 7px;
        height: 7px;
        background: #008c8c;
        border-radius: 50%;
        border: 1px solid #fff;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
        transition-property: background;
      }
    }
    a {
      text-decoration: none;
    }
  }
`
